ul,li{margin:0;padding:0} 
.fullSlide .bd {
margin:0 auto;
position:relative;
z-index:0;

}
/*默认*/
.banner {
    height: auto !important;
}  .fullSlide {
width: 100%;
position: relative;  
}
.fullSlide .bd ul {
width:100% !important;
}
.fullSlide .bd li {
width: 100% !important;
height: 720px;
text-align: center;
background-size: cover;    /*cover方式填满，裁剪多余，不留空白*/
background-position:center;
background-repeat:no-repeat;
}
.fullSlide .bd li a {
display: block;
height: 720px;
}
.fullSlide .bd .posword {
position: absolute;
left: 50%;
top: 200px;
text-align: left;
margin-left: -550px;
width: 1100px;
height:450px;
padding:20px;
/*background: #00000021;*/
        
}
.fullSlide .bd .posword img {
max-height: 100%;
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 12px;
left: 0;
height: 25px;
line-height: 30px;
}
.fullSlide .hd ul {
text-align:center;
}
.fullSlide .hd ul li {
cursor:pointer;
display:inline-block;
*display:inline;
zoom:1;
width:45px;
height:5px;
margin:1px 2px;
overflow:hidden;
background:#ffffff;
line-height:999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.fullSlide .hd ul .on {
background:#222222;
}
.fullSlide .prev,.fullSlide .next {
display:block;
position:absolute;
z-index:1;
top:50%;
margin-top:-30px;
left:5%;
z-index:1;
width:40px;
height:60px;
background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
cursor:pointer;
filter:alpha(opacity=50);
opacity:0.5;
display:none;
}
.fullSlide .next {
left:auto;
right:5%;
background-position:-6px -137px;
}

/*在页面加上这个属性，calc才起作用
<meta name=viewport initial-scale=1.0 > 
<meta name="apple-mobile-web-app-capable" content="yes" >
height: calc(100vh);*/




/*以下大屏显示*/
@media screen and ( min-width: 1921px) {
.banner {
    height: 1080px !important;
    background:#f2f2f2;
}
.fullSlide {
width:1920px;
height:1080px; 
position: relative; 
overflow: hidden; 
min-width: 1200px; 
margin: auto;
 
}
  .fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
  
    height: 100%;
    box-sizing: border-box;
}.fullSlide .bd li {
width: 100% !important;
height:1080px; 
 
}

}

@media screen and ( max-width: 1920px) {
  .fullSlide {
width: 100%;
position: relative; 
height: 920px; 
height:100vh;
overflow: hidden; 
min-width: 1200px; 
margin: auto;


 
 
}
  .fullSlide .bd {
    margin: 0 auto;
    position: relative;
    z-index: 0;
  
    height: 100%;
    box-sizing: border-box;
}.fullSlide .bd li {
width: 100% !important;
height:100vh;
background-position:bottom ;
/*background-size:contain   ;*/
 
}

}



@media ( max-width:1820px) {
.banner { 
height: calc(56.25vw) !important;
}
.fullSlide { 
height: calc(56.25vw) !important;
}   .fullSlide .bd li { 
height: calc(56.25vw) !important;
/*background-size:contain  !important;
background-size:contain;*/
}
/*文字*/
.fullSlide .bd .posword {
position: absolute;
left: 50%;
top: 118px;
text-align: left;
margin-left: -500px;
width: 1000px;
height: 350px;
padding: 20px;
zoom: 80%;
/*background: #00000021;*/
}

.fullSlide .bd .posword img {
                    
}
}

/*因为页面内容最小1280,小于1280后缩放，但是内容确是1280.*/
@media ( max-width:1290px) {
.banner {  
 
/*height: 800px !important;*/
height:  100vh  !important;
 

/*全屏*/
}
.fullSlide { 
height: calc(100vh) !important;
}   .fullSlide .bd li { 
height: calc(100vh) !important;
 
}

}
/*适合pad*/
@media ( max-width:980px) {
    .banner {
        /*height: calc(56.25vw) !important;*/
        /*height: calc(100vh) !important;*/
         height:720px !important; 
    }

    .fullSlide {
        height:720px !important; 
    } .fullSlide .bd li {
          height:720px !important; 
          
        }.top { 
    font-size: 22px;
}
        /*文字*/
        .fullSlide .bd .posword {
            position: absolute;
            left: 50%;
            top: 118px;
            text-align: left;
            margin-left: -500px;
            width: 1000px;
            height: 350px;
            padding: 20px;
            zoom: 80%;
         
        }
}



.inBannerListZone {
position: relative;
margin: auto;
width: 1200px;
text-align: left;
}
.banner .inBannerListZone {
position: relative;
margin: auto;
width: 1118px;
text-align: left;
top: 10%;
height: 80%;
line-height: 1.5;
}



 